/* Variables */
/*Generated Css Here*/
:root {
  --colors: red, green, yellow, cyan, darkcyan, orange, gray, blue, magenta, purple, pink, brown, black, white, lightgray, darkgray, lime, teal, navy;
  --fontWeights: (bold: bold, normal: normal, light: 300, bolder: bolder, lighter: lighter);
  --marginLefts: 4, 8, 10, 12, 16, 20, 24, 28, 30, 32, 36, 40, 45;
  --marginBottoms: 4, 8, 10, 12, 16, 20, 24, 28, 30, 32, 36, 40, 45;
  --marginTops: 4, 8, 10, 12, 16, 20, 24, 28, 30, 32, 36, 40, 45;
  --conditions: first, notFirst, 1stinCs;
  --paddingSides: Left, Right;
  --paddingSideValues: 5, 10, 15, 20;
  --fontStyles: italic, normal;
  --textDecorations: underline, overline, lineThrough, none;
  --textTransforms: uppercase, lowercase, capitalize, none;
  --textAligns: left, center, right;
  --opacities: 50, 75, 100;
  --overflows: scroll, auto;
  --cursors: pointer, default;
  --displays: block, inline;
  --fontSizes: 0_75em, 0_85em, 0_9em, 1em, 1_1em, 1_2em, 1_3em, 1_4em, 1_5em, 1_6em, 1_75em, 2em;
  --borderPositions: Top, Bottom, Left, Right;
  --borderSizesPx: 1, 2, 3, 4, 5;
  --borderStyles: solid, dashed, dotted;
  --width-styles: fitContent, 100Percent, 50Percent, 75Percent, 25Percent;
  --animeColors: (gray: #1e1e1e, #3a3a3a, #5c5c5c, #7d7d7d, #a0a0a0, #c0c0c0, #e0e0e0, #1e1e1e, red: #330000, #660000, #990000, #cc0000, #ff3333, #ff6666, #ff9999, #330000, blue: #001133, #002266, #003399, #0044cc, #3366ff, #6699ff, #99ccff, #001133, green: #002b00, #004d00, #007300, #009900, #33cc33, #66ff66, #99ff99, #002b00, purple: #2b0033, #4d0066, #730099, #9900cc, #cc33ff, #e066ff, #f299ff, #2b0033, cyan: #003333, #005555, #007777, #009999, #33cccc, #66ffff, #99ffff, #003333, orange: #331a00, #663300, #994d00, #cc6600, #ff8533, #ffad66, #ffd199, #331a00); }

/* Variables */
.color-red {
  color: red; }

.backgroundColor-red {
  background-color: red; }

.color-green {
  color: green; }

.backgroundColor-green {
  background-color: green; }

.color-yellow {
  color: yellow; }

.backgroundColor-yellow {
  background-color: yellow; }

.color-cyan {
  color: cyan; }

.backgroundColor-cyan {
  background-color: cyan; }

.color-darkcyan {
  color: darkcyan; }

.backgroundColor-darkcyan {
  background-color: darkcyan; }

.color-orange {
  color: orange; }

.backgroundColor-orange {
  background-color: orange; }

.color-gray {
  color: gray; }

.backgroundColor-gray {
  background-color: gray; }

.color-blue {
  color: blue; }

.backgroundColor-blue {
  background-color: blue; }

.color-magenta {
  color: magenta; }

.backgroundColor-magenta {
  background-color: magenta; }

.color-purple {
  color: purple; }

.backgroundColor-purple {
  background-color: purple; }

.color-pink {
  color: pink; }

.backgroundColor-pink {
  background-color: pink; }

.color-brown {
  color: brown; }

.backgroundColor-brown {
  background-color: brown; }

.color-black {
  color: black; }

.backgroundColor-black {
  background-color: black; }

.color-white {
  color: white; }

.backgroundColor-white {
  background-color: white; }

.color-lightgray {
  color: lightgray; }

.backgroundColor-lightgray {
  background-color: lightgray; }

.color-darkgray {
  color: darkgray; }

.backgroundColor-darkgray {
  background-color: darkgray; }

.color-lime {
  color: lime; }

.backgroundColor-lime {
  background-color: lime; }

.color-teal {
  color: teal; }

.backgroundColor-teal {
  background-color: teal; }

.color-navy {
  color: navy; }

.backgroundColor-navy {
  background-color: navy; }

.fontWeight-bold {
  font-weight: bold; }

.fontWeight-normal {
  font-weight: normal; }

.fontWeight-light {
  font-weight: 300; }

.fontWeight-bolder {
  font-weight: bolder; }

.fontWeight-lighter {
  font-weight: lighter; }

.marginLeft-4 {
  margin-left: 4px; }

.marginLeft-8 {
  margin-left: 8px; }

.marginLeft-10 {
  margin-left: 10px; }

.marginLeft-12 {
  margin-left: 12px; }

.marginLeft-16 {
  margin-left: 16px; }

.marginLeft-20 {
  margin-left: 20px; }

.marginLeft-24 {
  margin-left: 24px; }

.marginLeft-28 {
  margin-left: 28px; }

.marginLeft-30 {
  margin-left: 30px; }

.marginLeft-32 {
  margin-left: 32px; }

.marginLeft-36 {
  margin-left: 36px; }

.marginLeft-40 {
  margin-left: 40px; }

.marginLeft-45 {
  margin-left: 45px; }

.marginBottom-4 {
  margin-bottom: 4px; }

.marginBottom-8 {
  margin-bottom: 8px; }

.marginBottom-10 {
  margin-bottom: 10px; }

.marginBottom-12 {
  margin-bottom: 12px; }

.marginBottom-16 {
  margin-bottom: 16px; }

.marginBottom-20 {
  margin-bottom: 20px; }

.marginBottom-24 {
  margin-bottom: 24px; }

.marginBottom-28 {
  margin-bottom: 28px; }

.marginBottom-30 {
  margin-bottom: 30px; }

.marginBottom-32 {
  margin-bottom: 32px; }

.marginBottom-36 {
  margin-bottom: 36px; }

.marginBottom-40 {
  margin-bottom: 40px; }

.marginBottom-45 {
  margin-bottom: 45px; }

.marginTop-first-4:first-child {
  margin-top: 4px; }

.marginTop-notFirst-4:not(:first-child) {
  margin-top: 4px; }

.marginTop-1stinCs-4 {
  margin-top: 4px; }
  .marginTop-1stinCs-4 + .marginTop-1stinCs-4 {
    margin-top: 0; }

.marginTop-first-8:first-child {
  margin-top: 8px; }

.marginTop-notFirst-8:not(:first-child) {
  margin-top: 8px; }

.marginTop-1stinCs-8 {
  margin-top: 8px; }
  .marginTop-1stinCs-8 + .marginTop-1stinCs-8 {
    margin-top: 0; }

.marginTop-first-10:first-child {
  margin-top: 10px; }

.marginTop-notFirst-10:not(:first-child) {
  margin-top: 10px; }

.marginTop-1stinCs-10 {
  margin-top: 10px; }
  .marginTop-1stinCs-10 + .marginTop-1stinCs-10 {
    margin-top: 0; }

.marginTop-first-12:first-child {
  margin-top: 12px; }

.marginTop-notFirst-12:not(:first-child) {
  margin-top: 12px; }

.marginTop-1stinCs-12 {
  margin-top: 12px; }
  .marginTop-1stinCs-12 + .marginTop-1stinCs-12 {
    margin-top: 0; }

.marginTop-first-16:first-child {
  margin-top: 16px; }

.marginTop-notFirst-16:not(:first-child) {
  margin-top: 16px; }

.marginTop-1stinCs-16 {
  margin-top: 16px; }
  .marginTop-1stinCs-16 + .marginTop-1stinCs-16 {
    margin-top: 0; }

.marginTop-first-20:first-child {
  margin-top: 20px; }

.marginTop-notFirst-20:not(:first-child) {
  margin-top: 20px; }

.marginTop-1stinCs-20 {
  margin-top: 20px; }
  .marginTop-1stinCs-20 + .marginTop-1stinCs-20 {
    margin-top: 0; }

.marginTop-first-24:first-child {
  margin-top: 24px; }

.marginTop-notFirst-24:not(:first-child) {
  margin-top: 24px; }

.marginTop-1stinCs-24 {
  margin-top: 24px; }
  .marginTop-1stinCs-24 + .marginTop-1stinCs-24 {
    margin-top: 0; }

.marginTop-first-28:first-child {
  margin-top: 28px; }

.marginTop-notFirst-28:not(:first-child) {
  margin-top: 28px; }

.marginTop-1stinCs-28 {
  margin-top: 28px; }
  .marginTop-1stinCs-28 + .marginTop-1stinCs-28 {
    margin-top: 0; }

.marginTop-first-30:first-child {
  margin-top: 30px; }

.marginTop-notFirst-30:not(:first-child) {
  margin-top: 30px; }

.marginTop-1stinCs-30 {
  margin-top: 30px; }
  .marginTop-1stinCs-30 + .marginTop-1stinCs-30 {
    margin-top: 0; }

.marginTop-first-32:first-child {
  margin-top: 32px; }

.marginTop-notFirst-32:not(:first-child) {
  margin-top: 32px; }

.marginTop-1stinCs-32 {
  margin-top: 32px; }
  .marginTop-1stinCs-32 + .marginTop-1stinCs-32 {
    margin-top: 0; }

.marginTop-first-36:first-child {
  margin-top: 36px; }

.marginTop-notFirst-36:not(:first-child) {
  margin-top: 36px; }

.marginTop-1stinCs-36 {
  margin-top: 36px; }
  .marginTop-1stinCs-36 + .marginTop-1stinCs-36 {
    margin-top: 0; }

.marginTop-first-40:first-child {
  margin-top: 40px; }

.marginTop-notFirst-40:not(:first-child) {
  margin-top: 40px; }

.marginTop-1stinCs-40 {
  margin-top: 40px; }
  .marginTop-1stinCs-40 + .marginTop-1stinCs-40 {
    margin-top: 0; }

.marginTop-first-45:first-child {
  margin-top: 45px; }

.marginTop-notFirst-45:not(:first-child) {
  margin-top: 45px; }

.marginTop-1stinCs-45 {
  margin-top: 45px; }
  .marginTop-1stinCs-45 + .marginTop-1stinCs-45 {
    margin-top: 0; }

.paddingLeft-5 {
  padding-Left: 5px; }

.paddingLeft-10 {
  padding-Left: 10px; }

.paddingLeft-15 {
  padding-Left: 15px; }

.paddingLeft-20 {
  padding-Left: 20px; }

.paddingRight-5 {
  padding-Right: 5px; }

.paddingRight-10 {
  padding-Right: 10px; }

.paddingRight-15 {
  padding-Right: 15px; }

.paddingRight-20 {
  padding-Right: 20px; }

.fontStyle-italic {
  font-style: italic; }

.fontStyle-normal {
  font-style: normal; }

.textDecoration-underline {
  text-decoration: underline; }

.textDecoration-overline {
  text-decoration: overline; }

.textDecoration-lineThrough {
  text-decoration: lineThrough; }

.textDecoration-none {
  text-decoration: none; }

.textTransform-uppercase {
  text-transform: uppercase; }

.textTransform-lowercase {
  text-transform: lowercase; }

.textTransform-capitalize {
  text-transform: capitalize; }

.textTransform-none {
  text-transform: none; }

.textAlign-left {
  text-align: left; }

.textAlign-center {
  text-align: center; }

.textAlign-right {
  text-align: right; }

.opacity-50 {
  opacity: 0.5; }

.opacity-75 {
  opacity: 0.75; }

.opacity-100 {
  opacity: 1; }

.overflow-scroll {
  overflow: scroll; }

.overflow-auto {
  overflow: auto; }

.cursor-pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default; }

.display-block {
  display: block; }

.display-inline {
  display: inline; }

.fontSize-0_75em {
  font-size: 0_75em; }

.fontSize-0_85em {
  font-size: 0_85em; }

.fontSize-0_9em {
  font-size: 0_9em; }

.fontSize-1em {
  font-size: 1em; }

.fontSize-1_1em {
  font-size: 1_1em; }

.fontSize-1_2em {
  font-size: 1_2em; }

.fontSize-1_3em {
  font-size: 1_3em; }

.fontSize-1_4em {
  font-size: 1_4em; }

.fontSize-1_5em {
  font-size: 1_5em; }

.fontSize-1_6em {
  font-size: 1_6em; }

.fontSize-1_75em {
  font-size: 1_75em; }

.fontSize-2em {
  font-size: 2em; }

.borderTop-solid_1 {
  border-Top: 1px solid; }

.borderTop-dashed_1 {
  border-Top: 1px dashed; }

.borderTop-dotted_1 {
  border-Top: 1px dotted; }

.borderTop-solid_2 {
  border-Top: 2px solid; }

.borderTop-dashed_2 {
  border-Top: 2px dashed; }

.borderTop-dotted_2 {
  border-Top: 2px dotted; }

.borderTop-solid_3 {
  border-Top: 3px solid; }

.borderTop-dashed_3 {
  border-Top: 3px dashed; }

.borderTop-dotted_3 {
  border-Top: 3px dotted; }

.borderTop-solid_4 {
  border-Top: 4px solid; }

.borderTop-dashed_4 {
  border-Top: 4px dashed; }

.borderTop-dotted_4 {
  border-Top: 4px dotted; }

.borderTop-solid_5 {
  border-Top: 5px solid; }

.borderTop-dashed_5 {
  border-Top: 5px dashed; }

.borderTop-dotted_5 {
  border-Top: 5px dotted; }

.borderBottom-solid_1 {
  border-Bottom: 1px solid; }

.borderBottom-dashed_1 {
  border-Bottom: 1px dashed; }

.borderBottom-dotted_1 {
  border-Bottom: 1px dotted; }

.borderBottom-solid_2 {
  border-Bottom: 2px solid; }

.borderBottom-dashed_2 {
  border-Bottom: 2px dashed; }

.borderBottom-dotted_2 {
  border-Bottom: 2px dotted; }

.borderBottom-solid_3 {
  border-Bottom: 3px solid; }

.borderBottom-dashed_3 {
  border-Bottom: 3px dashed; }

.borderBottom-dotted_3 {
  border-Bottom: 3px dotted; }

.borderBottom-solid_4 {
  border-Bottom: 4px solid; }

.borderBottom-dashed_4 {
  border-Bottom: 4px dashed; }

.borderBottom-dotted_4 {
  border-Bottom: 4px dotted; }

.borderBottom-solid_5 {
  border-Bottom: 5px solid; }

.borderBottom-dashed_5 {
  border-Bottom: 5px dashed; }

.borderBottom-dotted_5 {
  border-Bottom: 5px dotted; }

.borderLeft-solid_1 {
  border-Left: 1px solid; }

.borderLeft-dashed_1 {
  border-Left: 1px dashed; }

.borderLeft-dotted_1 {
  border-Left: 1px dotted; }

.borderLeft-solid_2 {
  border-Left: 2px solid; }

.borderLeft-dashed_2 {
  border-Left: 2px dashed; }

.borderLeft-dotted_2 {
  border-Left: 2px dotted; }

.borderLeft-solid_3 {
  border-Left: 3px solid; }

.borderLeft-dashed_3 {
  border-Left: 3px dashed; }

.borderLeft-dotted_3 {
  border-Left: 3px dotted; }

.borderLeft-solid_4 {
  border-Left: 4px solid; }

.borderLeft-dashed_4 {
  border-Left: 4px dashed; }

.borderLeft-dotted_4 {
  border-Left: 4px dotted; }

.borderLeft-solid_5 {
  border-Left: 5px solid; }

.borderLeft-dashed_5 {
  border-Left: 5px dashed; }

.borderLeft-dotted_5 {
  border-Left: 5px dotted; }

.borderRight-solid_1 {
  border-Right: 1px solid; }

.borderRight-dashed_1 {
  border-Right: 1px dashed; }

.borderRight-dotted_1 {
  border-Right: 1px dotted; }

.borderRight-solid_2 {
  border-Right: 2px solid; }

.borderRight-dashed_2 {
  border-Right: 2px dashed; }

.borderRight-dotted_2 {
  border-Right: 2px dotted; }

.borderRight-solid_3 {
  border-Right: 3px solid; }

.borderRight-dashed_3 {
  border-Right: 3px dashed; }

.borderRight-dotted_3 {
  border-Right: 3px dotted; }

.borderRight-solid_4 {
  border-Right: 4px solid; }

.borderRight-dashed_4 {
  border-Right: 4px dashed; }

.borderRight-dotted_4 {
  border-Right: 4px dotted; }

.borderRight-solid_5 {
  border-Right: 5px solid; }

.borderRight-dashed_5 {
  border-Right: 5px dashed; }

.borderRight-dotted_5 {
  border-Right: 5px dotted; }

.border-solid_1 {
  border: 1px solid; }

.border-dashed_1 {
  border: 1px dashed; }

.border-dotted_1 {
  border: 1px dotted; }

.border-solid_2 {
  border: 2px solid; }

.border-dashed_2 {
  border: 2px dashed; }

.border-dotted_2 {
  border: 2px dotted; }

.border-solid_3 {
  border: 3px solid; }

.border-dashed_3 {
  border: 3px dashed; }

.border-dotted_3 {
  border: 3px dotted; }

.border-solid_4 {
  border: 4px solid; }

.border-dashed_4 {
  border: 4px dashed; }

.border-dotted_4 {
  border: 4px dotted; }

.border-solid_5 {
  border: 5px solid; }

.border-dashed_5 {
  border: 5px dashed; }

.border-dotted_5 {
  border: 5px dotted; }

.width-fitContent {
  width: fit-content; }

.width-100Percent {
  width: 100%; }

.width-50Percent {
  width: 50%; }

.width-75Percent {
  width: 75%; }

.width-25Percent {
  width: 25%; }

@keyframes backgroundColor-animeColors-gray {
  0% {
    background-color: #1e1e1e; }
  14.2857% {
    background-color: #3a3a3a; }
  28.5714% {
    background-color: #5c5c5c; }
  42.8571% {
    background-color: #7d7d7d; }
  57.1428% {
    background-color: #a0a0a0; }
  71.4285% {
    background-color: #c0c0c0; }
  85.7142% {
    background-color: #e0e0e0; }
  100% {
    background-color: #1e1e1e; } }

.backgroundColor-animeColors-gray {
  animation: backgroundColor-animeColors-gray 10s linear infinite; }

@keyframes backgroundColor-animeColors-red {
  0% {
    background-color: #330000; }
  14.2857% {
    background-color: #660000; }
  28.5714% {
    background-color: #990000; }
  42.8571% {
    background-color: #cc0000; }
  57.1428% {
    background-color: #ff3333; }
  71.4285% {
    background-color: #ff6666; }
  85.7142% {
    background-color: #ff9999; }
  100% {
    background-color: #330000; } }

.backgroundColor-animeColors-red {
  animation: backgroundColor-animeColors-red 10s linear infinite; }

@keyframes backgroundColor-animeColors-blue {
  0% {
    background-color: #001133; }
  14.2857% {
    background-color: #002266; }
  28.5714% {
    background-color: #003399; }
  42.8571% {
    background-color: #0044cc; }
  57.1428% {
    background-color: #3366ff; }
  71.4285% {
    background-color: #6699ff; }
  85.7142% {
    background-color: #99ccff; }
  100% {
    background-color: #001133; } }

.backgroundColor-animeColors-blue {
  animation: backgroundColor-animeColors-blue 10s linear infinite; }

@keyframes backgroundColor-animeColors-green {
  0% {
    background-color: #002b00; }
  14.2857% {
    background-color: #004d00; }
  28.5714% {
    background-color: #007300; }
  42.8571% {
    background-color: #009900; }
  57.1428% {
    background-color: #33cc33; }
  71.4285% {
    background-color: #66ff66; }
  85.7142% {
    background-color: #99ff99; }
  100% {
    background-color: #002b00; } }

.backgroundColor-animeColors-green {
  animation: backgroundColor-animeColors-green 10s linear infinite; }

@keyframes backgroundColor-animeColors-purple {
  0% {
    background-color: #2b0033; }
  14.2857% {
    background-color: #4d0066; }
  28.5714% {
    background-color: #730099; }
  42.8571% {
    background-color: #9900cc; }
  57.1428% {
    background-color: #cc33ff; }
  71.4285% {
    background-color: #e066ff; }
  85.7142% {
    background-color: #f299ff; }
  100% {
    background-color: #2b0033; } }

.backgroundColor-animeColors-purple {
  animation: backgroundColor-animeColors-purple 10s linear infinite; }

@keyframes backgroundColor-animeColors-cyan {
  0% {
    background-color: #003333; }
  14.2857% {
    background-color: #005555; }
  28.5714% {
    background-color: #007777; }
  42.8571% {
    background-color: #009999; }
  57.1428% {
    background-color: #33cccc; }
  71.4285% {
    background-color: #66ffff; }
  85.7142% {
    background-color: #99ffff; }
  100% {
    background-color: #003333; } }

.backgroundColor-animeColors-cyan {
  animation: backgroundColor-animeColors-cyan 10s linear infinite; }

@keyframes backgroundColor-animeColors-orange {
  0% {
    background-color: #331a00; }
  14.2857% {
    background-color: #663300; }
  28.5714% {
    background-color: #994d00; }
  42.8571% {
    background-color: #cc6600; }
  57.1428% {
    background-color: #ff8533; }
  71.4285% {
    background-color: #ffad66; }
  85.7142% {
    background-color: #ffd199; }
  100% {
    background-color: #331a00; } }

.backgroundColor-animeColors-orange {
  animation: backgroundColor-animeColors-orange 10s linear infinite; }